<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<title>详细信息</title>
<script src="http://localhost:8080/WeiXinZNCK/inc/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://localhost:8080/WeiXinZNCK/inc/css/bootstrap/bootstrap.min.css" rel="stylesheet">
<script src="http://localhost:8080/WeiXinZNCK/inc/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<style type="text/css">
.pppp {
	background-color: #F0F0F0;
}

div {
	margin: 0;
	border: 0;
	padding: 0;
}

div.parktop {
	background-image:
		url('http://localhost:8080/WeiXinZNCK/inc/img/bg-1.jpg');
	width: 100%;
	height: 130px;
	color: #CCC8C9;
}

span.large {
	height: 20px;
	margin-top: 20px;
	padding-left: 20px;
	font-size: 35px;
}

.contentcolor {
	color: #FFFFFF;
}

.yellow {
	color: #FFFF2E;
}

div.parkname {
	margin: 0px;
}

div.dispadding {
	padding-left: 30px;
	margin-top: 5px;
	heigth: 120px;
}

h1 {
	margin: 0px;
}

span.out {
	padding: 5px;
	padding-left: 40px;
	color: #9C9C9C;
}

.pad {
	margin-top: 5px;
	margin-bottom: 10px;
}

#div2 {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 100%;
	background-color: lightgreen;
}
</style>
</head>
<body>
	<div class="">
		<div class="parktop">
			<a href="#nowhere"> <span
				class="glyphicon glyphicon-chevron-left large contentcolor"></span>
			</a>
		</div>
		<div class="well pad">
			<span><h1>parkname</h1></span> <span class="out contentcolor">
				<span class="glyphicon glyphicon-ok-circle out"></span>对外开放
			</span>
		</div>
		<div class="well pad">
			<span class="glyphicon glyphicon-map-marker yellow"></span>武侯区一环路南段22号
		</div>

		<div class="well">
			<span><h5>车位信息</h5></span> <span>
				<td>元</td>
				<td>个</td>
			</span>
		</div>

		<div class="well">
			<span>收费参考</span>

		</div>

		<div id="div2">
			<span>预定</span><span>去这里</span>
		</div>
	</div>
</body>
</html>